
            
				
                <div class="templatemo_post">
                    <div id="slider2" class="sliderwrapper">
                    <div class="contentdiv"><img src="<?php echo base_url()?>public/frontend/images/templatemo_image_2.jpg" alt="image" style="z-index:-9999;"/></div>
                    <div class="contentdiv"><img src="<?php echo base_url()?>public/frontend/images/templatemo_image_3.jpg" alt="image" style="z-index:-9999;"/></div>
                    <div class="contentdiv"><img src="<?php echo base_url()?>public/frontend/images/templatemo_image_4.jpg" alt="image" style="z-index:-9999;"/></div>
                    </div>
                    
                    <div id="paginate-slider2" class="pagination">
                    
                    <a href="#" class="toc">1</a> <a href="#" class="toc anotherclass">2</a> <a href="#" class="toc">3</a>
                    </div>
                    <script type="text/javascript">
                    
                    featuredcontentslider.init({
                    id: "slider2",  //id of main slider DIV
                    contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
                    toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
                    nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
                    revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
                    enablefade: [true, 0.2],  //[true/false, fadedegree]
                    autorotate: [true, 3000],  //[true/false, pausetime]
                    onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
                    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
                    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
                    }
                    })
            
           			 </script>
                </div> <!-- end of one post -->
                <?php
					//foreach()
					{
				?>
						<div class="templatemo_post">
							<div class="post_title">
								Blog post title goes here
								<div class="post_info">
									Posted by <a href="#">TemplateMo</a>, January 31, 2024 at 11:12 AM, in <a href="#">Player.</a>
								</div>
							</div>
							
							<div class="post_body">
								<img src="<?php echo base_url()?>public/frontend/images/templatemo_image_1.jpg" alt="Free CSS" />
								<p>Credits go to <a rel="nofollow" href="http://www.bittbox.com/freebies/free-hi-resolution-wood-textures/" target="_blank">bittbox.com</a> for the texture and <a href="http://flickr.com/photos/sawhtoo/" target="_blank">SawII</a> for photos.</p>
								<p>Fusce non lacus et lorem ornare interdum. Nunc eget urna. Mauris vestibulum felis eget tortor. Praesent mattis varius quam. Vestibulum ullamcorper ipsum nec augue. Vestibulum auctor odio eget ante. </p>
								<p>Nunc commodo, magna pharetra semper vehicula, dui ligula feugiat elit, et euismod nunc orci ut libero. Etiam sodales massa vel metus. Mauris et elit quis mauris aliquet luctus.</p>
							</div>
							<div class="post_comment">
								<a href="#">No comment</a>
							</div>
						</div> <!-- end of post two -->
				  <?php						
					}
				?>
				<div class ="pagination" style="text-align: center;"><?php echo $this->pagination->create_links();?> </div>
           